<template>
    <div class="container">
        <van-tabs v-model="active" sticky>
            <van-tab title="待审核申请">
                <van-row type="flex" justify="center" gutter="10">
                    <van-col span="4" class="header-img">
                        <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive hd-img-circle"/>
                    </van-col>
                    <van-col span="14" class="info">
                        用户昵称<p>申请时间: 2019-09-12</p>
                    </van-col>
                    <van-col span="6" class="btn-group">
                        <div class="btn btn-yes">批准</div>
                        <div class="btn btn-no">拒绝</div>
                    </van-col>
                </van-row>
                <van-row type="flex" justify="center" gutter="10">
                    <van-col span="4" class="header-img">
                        <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive hd-img-circle"/>
                    </van-col>
                    <van-col span="14" class="info">
                        用户昵称<p>申请时间: 2019-09-12</p>
                    </van-col>
                    <van-col span="6" class="btn-group">
                        <div class="btn btn-yes">批准</div>
                        <div class="btn btn-no">拒绝</div>
                    </van-col>
                </van-row>
            </van-tab>
            <van-tab title="设备管理">
                <van-row type="flex" justify="center" gutter="10">
                    <van-col span="4" class="header-img">
                        <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive hd-img-circle"/>
                    </van-col>
                    <van-col span="14" class="info">
                        用户昵称<p>备注: 三八社区分店</p>
                    </van-col>
                    <van-col span="6" class="btn-group">
                        <div class="btn btn-yes">启用</div>
                        <div class="btn btn-no">停用</div>
                    </van-col>
                </van-row>
                <van-row type="flex" justify="center" gutter="10">
                    <van-col span="4" class="header-img">
                        <img src="http://skv4.oss-cn-hangzhou.aliyuncs.com/demo/shop_ico.png" class="hd-img-responsive hd-img-circle"/>
                    </van-col>
                    <van-col span="14" class="info">
                        用户昵称<p>备注:</p>
                    </van-col>
                    <van-col span="6" class="btn-group">
                        <div class="btn btn-yes">启用</div>
                        <div class="btn btn-no">停用</div>
                    </van-col>
                </van-row>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
export default {
  name: 'index'
}
</script>

<style src="./index.css" scoped>
</style>
